<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>WebFX - Grid - Demo</title>
		<link type="text/css" rel="stylesheet" href="grid.css">
		<script src="grid.js" type="text/javascript"></script>
	</head>
	<body>
		<div style="width: 500px; height: 200px; overflow: hidden; margin-bottom: 6px;">
		<script type="text/javascript">
			var aData = [['xTree', '1', '1', 'A tree widget'],['xMenu', '1', '2', 'A cross browser menu widget'],['Grid', '1', '1', 'A grid widget'],['Generic Resize', '1', '2', ''],['xTree', '1', '1', 'A tree widget'],['xMenu', '1', '2', 'A cross browser menu widget'],['Grid', '1', '1', 'A grid widget'],['Generic Resize', '1', '2', ''],['xTree', '1', '1', 'A tree widget'],['xMenu', '1', '2', 'A cross browser menu widget'],['Grid', '1', '1', 'A grid widget'],['Generic Resize', '1', '2', ''],['xTree', '1', '1', 'A tree widget'],['xMenu', '1', '2', 'A cross browser menu widget'],['Grid', '1', '1', 'A grid widget'],['Generic Resize', '1', '2', ''],['xTree', '1', '1', 'A tree widget'],['xMenu', '1', '2', 'A cross browser menu widget'],['Grid', '1', '1', 'A grid widget'],['Generic Resize', '1', '2', '']];
			var aColHeaders = ['Name', 'Category', 'Author', 'Short Description'];
			var aRowIds = [34, 31, 12, 43, 43, 76, 12, 67, 4, 98, 21, 54, 18, 6, 9, 17, 63, 49, 42, 77];
			var aLinkData = [[0], [0, [1, 'Widget', 0], [2, 'Javascript technique', 0], [3, 'Mozilla specific', 0]], [0, [1, 'Emil', 0], [2, 'Erik', 0]], [0]];
			var oGrid = new WebFXGrid(aData);
			oGrid.setHeaders(aColHeaders);
			oGrid.setRowsServerIds(aRowIds);
			oGrid.setLinkData(aLinkData);
			oGrid.setUri('demo?action=save&');
			document.write(oGrid);
			oGrid.calcSize();
		</script>
		</div>
		<button onclick="oGrid.setShowSid();">setShowSid()</button>
		<button onclick="alert(oGrid.dump());">alert(dump())</button>
		<button onclick="alert(oGrid.getGridData());">alert(getGridData())</button>
	</body>
</html>